<template>
  <div class="" style="overflow: hidden">
    <div style="font-weight: 700;font-size: 24px;float: left;margin-left:1%;display: block" >个人分配方式：</div>
    <el-table :data="deptUserName"  style="width: 50%;margin-top: 3%;margin-left: 20%;" max-height="400"   >
      <el-table-column max-width="180">
        <template >
          <span  style="font-size: 20px">个人</span>
        </template>
      </el-table-column>
      <el-table-column max-width="180" >
        <template slot-scope="scope">
          <el-input size="small" v-model="scope.row.priority" type="number" controls-position="right" :min="0"   >
          </el-input>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
  export default {
    name: "CustomerseaGroup",
    props:{
      datas: {
        type:Array,
        request: true
      },
      deptLevelData:{
        type:Array,
        request: true
      },
      deptUserName:{
         type:Array,
        request: true
      }
    },
    methods: {
      formatter(row, column) {
        return row.id;
      },
      filterTag(value, row) {
        return row.threeDeptName === value;
      },
      filterHandler(value, row, column) {
        const threeDeptName = column['threeDeptName'];
        return row[threeDeptName] === value;
      }
    }
  }
</script>

<style lang="scss">
  .el-table{
    display: block;
  }
  .has-gutter tr th{
    text-align: center;
  }
  .el-table__row td>.cell{
    text-align: center;
  }
</style>
